// pages/order/order.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabIndex:0, 
    orderList:[],
    loading:false,
    order: [{
            id: '1',
            orderSn: '20240320',
            createTime: '2024-8-18 18:00',
            payType: '微信',
            productList: [{
              id: '1',
                  picUrl: '/images/image4.jpg',
                  title: '狗狗洗护',
                  specDesc: '中型犬',
                  status: 1,
                  count: 1,
                  price: 88.00
              }],
              totalPrice: 88.00,
              expressPrice: 0.00,
              actualPrice: 88.00,
              orderStatus: 1
          },
          {
          id: '2',
            orderSn: '20240321',
            createTime: '2024-8-18 19:00',
            payType: '微信',
            productList: [{
              id: '2',
                  picUrl: '/images/image3.jpg',
                  title: '上门喂养',
                  specDesc: '小猫',
                  status: 2,
                  count: 1,
                  price: 100.00
              }],
              totalPrice: 100.00,
              expressPrice: 0.00,
              actualPrice: 100.00,
              orderStatus: 2
          },
         
      ],
      orderList:[],
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var type = options.type;
    if(type){
      this.setData({
        tabIndex: type
      })
    }
    this.loadOrderList(0);
  },
  // 模拟请求数据 type订单类型 0.全部 1.待付款 2.待发货 3.待收货 4.已完成
  loadOrderList(type){
    this.setData({
      orderList:[],
      loading: true
    })
    var list = getApp().globalData.order;
    var listResult = [];
    if(type && type!=0){
      listResult = list.filter(item => item.orderStatus == type);
    } else {
      listResult = list;
    }
    setTimeout(() => {
      this.setData({
        orderList: listResult,
        loading: false
      })
    }, 1000);
  },
  // 切换标签
  changeTab(e){
    var type = e.detail.Index;
    this.loadOrderList(type);
  },
  // 点击查看订单详情
  clickOrderDetail(e){
    var order = e.currentTarget.dataset.order;
    var order = this.data.orderList[order];
    wx.showToast({
      icon:'none',
      title: '查看订单详情' + order.createTime,
    })
  },
  // 点击取消订单
  clickCancel(e){
    var order = e.currentTarget.dataset.order;
    var order = this.data.orderList[order];
    wx.showToast({
      icon:'none',
      title: '取消订单' + order.createTime,
    })
  },
  // 点击去付款
  clickPay(e){
    var order = e.currentTarget.dataset.order;
    var order = this.data.orderList[order];
    wx.showToast({
      icon:'none',
      title: '去付款' + order.createTime,
    })
  },
  // 点击查看物流
  clickLogistics(e){
    var order = e.currentTarget.dataset.order;
    var order = this.data.orderList[order];
    wx.showToast({
      icon:'none',
      title: '查看物流' + order.createTime,
    })
  },
  // 点击确认收货
  clickReceive(e){
    var order = e.currentTarget.dataset.order;
    var order = this.data.orderList[order];
    Dialog.confirm({
      message:'确认收到货物？'
    }).then(()=>{
      wx.showToast({
        icon:'none',
        title: '确认收货' + order.createTime,
      })
    })
  },
  // 点击再次购买
  clickBuy(e){
    var order = e.currentTarget.dataset.order;
    var order = this.data.orderList[order];
    wx.showToast({
      icon:'none',
      title: '再次购买' + order.createTime,
    })
  },
})
/**
 * 页面结构
 *  上面tab 5个 全部 待付款 待发货 待收货 已完成
 * 
 * 订单的数据结构
 *  订单编号
 *  订单时间
 *  应付金额
 *  实付金额
 *  订单状态
 * 
 *  商品列表
 *    商品信息
 *    商品图片
 *    商品名称
 *    商品描述
 *    商品数量
 *    包裹状态
 *    交易状态
 */

  